<template>
     <div>
        <el-card class="box-card">
                    <div slot="header" class="header">
                        <span>销售额类别占比</span>
                        <div class="button_group">
                            <el-radio-group v-model="radio" size="mini">
                                <el-radio-button label="全部渠道"></el-radio-button>
                                <el-radio-button label="线上"></el-radio-button>
                                <el-radio-button label="门店"></el-radio-button>
                            </el-radio-group>
                        </div>
                    </div>
                    <div class="pie_container">
                        <pieChart></pieChart>
                    </div>
          </el-card>
     </div>
</template>

<script>
import pieChart from '@/views/dashboard/FootView/Category/pieChart'

export default {
    name:'Category',
    components:{
        pieChart
    },
    data() {
        return {
            radio: '全部渠道',
        }
    },
}
</script>

<style scoped>
    .header{
        /* display: flex; */
        position: relative;
    }
    .button_group{
        /* float: right; */
        position: absolute;
        right: 0px;
        top: -4px;
    }
    .pie_container{
         width: 100%;
         height: 270px;
    }
</style>